@charset "utf-8";
/*NAVIGATION*/
.top_nav{width: 1300px; height: 116px; margin:auto; position: absolute; left: 0; top: 60px; right: 0;
	z-index:99;}
.header-nav {
    position: relative;
    width: 100%;
	z-index:99;
	color:#fff;background:url(../images/bg_header.jpg) 0 0 repeat-y;
}

.header-content {
    width: 1300px;
    height: 116px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.header-logo {
    width: 116px;
    height: 116px;
    float: left;
    box-sizing: border-box;
}

.header-logo img {
    width: 116px;
    height: 116px;
}
.header-logo p a {
    float: left;
    color: #000;
    font-size: 18px;
}

.header-logo a {
    display: block;
    padding: 0;
    color: #000;
    font-size: 26px;
    text-decoration: none;
}
.header_name {
    float: left;
    margin: 25px 0 0 10px;
    box-sizing: border-box;
    color: #000;
    font-size: 26px;
}
.header_name a {
    display: block;
    padding: 0;
    color: #000;
    font-size: 26px;
    text-decoration: none;
}
.header_name p {
    color: #000;
    font-size: 18px;
}

.header-logo a img {
    height: 116px;
    display: block;
    border: none;
}
.b{background: url(images/bg_mes.jpg) center no-repeat;}

.header-nav-list {
    float: right;
    margin-right: 5px;
}

.header-nav-list ul {
    float: right;
}

.header-nav-list ul li {
    position: relative;
    display: block;
    float: left;
}

.header-nav-list ul li a {
    color: #fff;
    padding: 0 15px;
    font-size: 18px;
    line-height: 83px;
    background: none;
    position: relative;
    display: block;
}

.header-nav-list ul li a:hover {
    color: #000;
}

.header-nav-list ul li .cur {
    color: #f9d37e;
}

.icon-dow {
    width: 13px;
    height: 13px;
    background-size: 13px;
    font-size: 12px;
    margin-left: 2px;
    position: relative;
    top: 0px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACEUlEQVRYR+3WMYvUQBgG4Peb6NoJKwgW4llY2Ghhd+LZnY3+ArnCwkKWG2b3Bwgp7JNJthYRFDsF0cbm8E6xs7WQQ+EODq5aS9nMJwO7EGL2MskkcEW23ZnMw/u9TEI45T865T70QN8J9Qn2Cfom4Lu/72CfoG8Cvvv7DvYJ+ibgu7/vYCcJKqWuDIfDozAM//oe4LI/DEMxm82uRlG0X1z/34iVUttEpAEczufze9Pp9IfLIU3XSCkvCyE+EdF1Zn6mtX6af1YZ8D0RPbCLmPk4y7K7XSEtLgiCPQBri/O+a61vVQE3iegjgDNLpBDidhRFP5umVLZvNBpdGgwG33I4ZuatJElenwi0f47H4/sA3uWQR0KIjbaQC9wugGuLEBjAI631y8oOLhd0hayDs5YT78G2kXVxlcBV4yai9TiOf9XppJTyYhAEX13GWtnB4sElSR4Q0YYr0uKEEJ/tVVLVOecOtoX0wTmNOA8tS9IYs56m6UHZuH1xtYFlnQTwO8uyO0XkZDK5YIz50mSstTtYNe4i0uKYeQfAjbqda9xBB+S+MeYxgD9E9JyIbvriGo242ElmfktEZ8s6aN9dq94QrleU9werUmoTwIcisg2cd4LLFIpIi2Pmh0mSvHFNatU67wRzSPuJ9grAOSJ6EsfxC19cawkuIVLK8xaYpulxG7jWgW2hvO/BLiCdd7Ar9D8WDyo4hGgicQAAAABJRU5ErkJggg==');
}

.aui-dow-box {
    position: absolute;
    top: 200%;
    left: 50%;
    width: 140px;
    padding: 30px 0;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.aui-dow-box-list {
    width: 720px;
    left: 110px;
    height: 365px;
    padding: 30px 10px 30px 10px;
}

.drop-down:hover .aui-dow-box-list {
    top: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.aui-down-menu {
    padding: 0 24px;
    width: auto;
    float: none;
    display: block;
    margin-bottom: 10px;
}

.aui-down-menu-title {
    padding-bottom: 10px;
    color: #313131;
    font-size: 18px;
    line-height: 1;
    border-bottom: 0;
    margin-bottom: 0;
}

.aui-down-menu-list-title i {
    float: left;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    display: block;
    background-size: 15px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.aui-down-menu-list {
    float: left;
    font-size: 0;
}

.aui-down-menu-list-item {
    display: inline-block;
    margin-bottom: 30px;
    width: 239px;
    line-height: 1;
    padding-top: 0;
}

.aui-top-border {
    border-top: 1px solid #f5f5f5;
}

.header-nav-list ul .aui-down-menu-list-item a {
    padding: 0;
    line-height: inherit;
}

.aui-down-menu-list-title {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #616161;
    font-size: 16px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.aui-down-menu-list-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #919191;
    font-size: 16px;
    letter-spacing: 1px;
}

.aui-down-menu-list-title:hover {
    color: #fff;
}

.header-nav-list ul li a:hover .icon-dow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACEUlEQVRYR+3WMYvUQBgG4Peb6NoJKwgW4llY2Ghhd+LZnY3+ArnCwkKWG2b3Bwgp7JNJthYRFDsF0cbm8E6xs7WQQ+EODq5aS9nMJwO7EGL2MskkcEW23ZnMw/u9TEI45T865T70QN8J9Qn2Cfom4Lu/72CfoG8Cvvv7DvYJ+ibgu7/vYCcJKqWuDIfDozAM//oe4LI/DEMxm82uRlG0X1z/34iVUttEpAEczufze9Pp9IfLIU3XSCkvCyE+EdF1Zn6mtX6af1YZ8D0RPbCLmPk4y7K7XSEtLgiCPQBri/O+a61vVQE3iegjgDNLpBDidhRFP5umVLZvNBpdGgwG33I4ZuatJElenwi0f47H4/sA3uWQR0KIjbaQC9wugGuLEBjAI631y8oOLhd0hayDs5YT78G2kXVxlcBV4yai9TiOf9XppJTyYhAEX13GWtnB4sElSR4Q0YYr0uKEEJ/tVVLVOecOtoX0wTmNOA8tS9IYs56m6UHZuH1xtYFlnQTwO8uyO0XkZDK5YIz50mSstTtYNe4i0uKYeQfAjbqda9xBB+S+MeYxgD9E9JyIbvriGo242ElmfktEZ8s6aN9dq94QrleU9werUmoTwIcisg2cd4LLFIpIi2Pmh0mSvHFNatU67wRzSPuJ9grAOSJ6EsfxC19cawkuIVLK8xaYpulxG7jWgW2hvO/BLiCdd7Ar9D8WDyo4hGgicQAAAABJRU5ErkJggg==');
}

.aui-about-dow {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -20%;
    top: 110%;
    min-width: 170px;
    padding: 8px 10px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    z-index: 99;
    box-shadow: 0 10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.drop-down:hover .aui-about-dow {
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    filter: alpha(opacity=100);
}

.header-nav-list .aui-about-dow li a {
    padding: 0;
    line-height:49px;
    display: block;
    padding:0;
    font-size: 16px;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #555;
}

.header-nav-list .aui-about-dow li a:hover {
    color: #fff;
	background:#e1b51d;
}

.header-nav-list .aui-about-dow li {
    width: 100%;
}


.aui-header-nav.solid {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 116px;
    background:url(../images/bg_bigheader.jpg) center repeat-y;
    shadow: 0px 8px 15px rgba(0,0,0, 0.3);
    box-shadow: 0px 8px 15px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0px 8px 15px rgba(0,0,0, 0.3);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.header-nav-right {
    float: right !important;
    top: 15px;
    margin-top: 0;
    margin-right: 15px;
    position: relative;
}
.icon-tel {
    float: left;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    display: block;
    background-size: 15px;
    background-repeat: no-repeat;
    margin-top: 0px;
    background: url(../images/ico_tel.png) no-repeat;
	background-size:cover;
}

.header-nav-tel {
    margin-top: 0;
    margin-right: 0px;
    position: relative;
    float: right !important;
}
.header-nav-tel p{color: #e8d196; font-weight: bold;}

.header-nav-tel a {
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 0 !important;
    color: #977606;
}

.header-nav-tel a:hover {
    color: #fff;
}
/*BANNER*/
.DB_tab25 {width:100%;height:663px;overflow:hidden; top:0; }
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:663px;display:none}
.DB_tab25 .DB_imgSet{position:absolute;width:1300px;left:50%;margin-left:-550px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:147px;top:200px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:147px;top:200px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:700px;top:410px}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:135px;top:260px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:608px;top:260px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:381px;top:260px}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:-120px;top:300px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:330px;top:305px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:760px;top:300px}
.DB_tab25 .DB_menuWrap{position:absolute;width:1300px;left:50%;margin-left:-650px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:630px;text-align:center;font-size:0}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-100px;top:350px;cursor:pointer;display:none;}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:350px;cursor:pointer;display:none}
/*USHI*/
.product {
	text-align: center;
	color: #fff;
    margin: 40px auto 0 auto;
}
.product img {
	transition: all 0.3s;
}
.product img:hover {
	opacity: 0.8;
}
.product p {
	font-size: 18px;
}
.product span {
	display: block;
}
.product a.more {
	display: block;
	width: 130px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	margin: 0 auto;
	transition: all 0.3s;
}
.product a.more:hover {
	background: #fff;
	color: #7e6200;
}
.p1 {
	height: 328px;
}
.p1text {
	width: 186px;
	background: #7e6200;
	height: 328px;
    text-align: center;
    color: #fff;
}
.p1text p, .p2text p {
	padding-top: 120px;
}
.p1text span, .p2text span {
	margin-top: 5px;
}
.p1text a.more, .p2text a.more {
	margin-top: 55px;
}
.p2 {
	margin-left: 22px;
}
.p2text {
	background: #e1b51d;
	width: 186px;
	height: 328px;
    text-align: center;
    color: #fff;
}
.protab {
	width: 410px;
	float: left;
	margin-top: 22px;
}
.p3top {
	height: 102px;
	padding-top: 24px;
	background: #e1b51d;
    text-transform: uppercase;
}
.p3top a {
	display: block;
	font-size: 18px;
	width: 144px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	border: 1px solid #fff;
	margin: 0 auto;
	transition: all 0.3s;
}
.p3top a:hover {
	background: #fff;
	color: #2e335b;
}
.p3top span {
	margin-top: 6px;
    text-align: center;
    color: #fff;
}
.protab2 {
	margin-left: 23px;
	margin-right: 23px;
}
/*INDEX_CASES*/

.home-banner {
    background: #fff;
    height: 930px;
}

.home-banner-box {
    width: 1300px;
    margin: 0 auto;
}

.home-banner-head {
    padding-top: 97px;
    padding-bottom: 0;
    text-align: center;
}

.home-banner-head h2 {
    font-size: 50px;
    color: #333;
    font-weight: normal;
    line-height: 1;
}

.home-banner-body {
    margin-top: 40px;
    position: relative;
}

.home-banner-bg {
    height: 276px;
    position: absolute;
    left: 0;
    top: 114px;
    width: 100%;
    background: url(../images/bg_cases.jpg) no-repeat center center;
}

.home-banner-slider {
    position: absolute;
    width: 1024px;
    top: 0;
    left: 50%;
    margin-left: -512px;
    min-height: 60px;
    /*background:#900;*/
}

.prev, .next {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: url(../images/icon-row.png) no-repeat 0 0px;
    position: absolute;
    left: 0;
    top: 200px;
    cursor: pointer;
}

.next {
    right: 0;
    left: auto;
    background-position: -116px 0px;
}

.prev:hover {
    background-position: 0 -119px;
}

.next:hover {
    background-position: -116px -119px;
}

.home-banner-con {
    width: 723px;
    margin: 0 auto;
    height: 447px;
}

.home-banner-line {
    width: 100%;
    background: #f5f5f5;
    height: 45px;
}

.home-banner-list {
    padding-top: 17px;
    padding-left: 20px;
    font-size: 0;
}

.item-q {
    width: 10px;
    height: 10px;
    display: inline-block;
    _zoom: 1;
    margin-right: 8px;
    background: #ddd;
    border-radius: 50%;
}

.home-shadow {
    height: 497px;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,0.3);
    position: relative;
    background: #fff;
}

.home-banner-text {
    width: 100%;
    text-align: center;
}

.home-title {
    font-size: 24px;
    color: #000;
    padding-top: 60px;
    padding-bottom: 42px;
    line-height: 1;
    text-align: center;
}

.home-text {
    font-size: 14px;
    color: #e1b51d;
    height: 67px;
    text-align: center;
    line-height: 1.8;
    margin-top: -5px;
}

.home-button a {
    width: 184px;
    height: 54px;
    text-align: center;
    border: solid #e1b51d 1px;
    border-radius: 28px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 54px;
    background: #fff;
    display: block;
    color: #e1b51d;
    transition: background-color .3s;
}

.home-button a:hover {
    background-color: #e1b51d;
    color: #fff
}
/*INDEX_NEWS*/
.index_news_box{background: url(../images/bg_news.jpg) center no-repeat; height: 160px; color:#000; padding: 40px 0 0 0;}

.index_new{width:620px; float: left; font-size: 20px; color: #b68810;}
.index_new ul{}
.index_new li{float: left; color: #e1b51d;width:620px; line-height:40px; font-size: 18px; margin:10px 0;}
.index_new li a{color: #e1b51d;}
.index_new li a:hover{ color: #000;}
.index_new li p{ color:#999; font-size:14px; line-height:18px;}

.index_new_dark{width:620px; float: left; font-size: 20px; color: #b68810;}
.index_new_dark ul{}
.index_new_dark li{float: left; color: #7e6200;width:620px; line-height:40px; font-size: 18px; margin:10px 0;}
.index_new_dark li a{color: #7e6200;}
.index_new_dark li a:hover{ color: #000;}
.index_new_dark li p{ color:#666; font-size:14px; line-height:15px;}

.index_titlenew1{width:620px; height:76px; line-height:76px; color: #e1b51d; font-size:30px; box-sizing:border-box; padding:0;}
.index_titlenew1 span{color:#e1b51d; font-size:18px; text-transform:uppercase;}
.index_titlenew_big{width:100%; height:76px; line-height:76px; color: #000; font-size:30px; box-sizing:border-box; padding:0;}
.index_titlenew_big span{color:#f90; font-size:18px; text-transform:uppercase;}

.index_titlenew2{width:620px; height:76px; line-height:76px; color: #7e6200; font-size:30px; box-sizing:border-box; padding:0;}
.index_titlenew2 span{color:#7e6200; font-size:18px; text-transform:uppercase;}

.inews_time{width:87px; height:87px; margin: 0 25px 0 0 ; background:#e1b51d; color: #fff; float:left; text-align:center;}

.inews_time_dark{width:87px; height:87px; margin: 0 25px 0 0 ; background:#7e6200; color: #fff; float:left; text-align:center;}
.inews_day{width:87px; height:60px; line-height:70px; font-size:50px;}
.inews_year{width:87px; height:27px; line-height:26px; text-align: center; font-size: 12px;}
.inews_text{width:380px; height:30px; line-height:30px; float:left; margin:0 0 0 15px; color:#84b126; font-size:12px; font-weight:bold;}
.inews_text a{color:#fff; text-decoration:none;}
.inews_text a:hover{color:#fff; text-decoration:none;}
.inews_intro{width:380px; float:left; margin:0 0 0 15px; color:#777; line-height:20px;}
/*VIDEO*/
.index_video{height:366px; width:100%; background:url(../images/bg_video.jpg) center no-repeat fixed; background-size:cover; padding:50px 0 0 0;}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	top: 300px; 
	left: 50%;
	margin-left: -300px;
	width: 720px;
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 
/*TITLES*/
.index_title{width:436px; line-height:35px; font-size:24px;color: #000; text-align: center;}
.index_title p{width:436px; line-height:35px; font-size:30px; color: #7e6200;}	
.index_title_about{width:436px; line-height:35px; font-size:24px;color: #fff; position: absolute; left: 260px;}
.index_title_about p{width:436px; line-height:35px; font-size:30px; color: #7e6200;}
/*INDEXJOIN*/
.index_join{width: 100%; height: 470px; background: url(../images/bg_join.jpg) center no-repeat;}
.index_jion_box{width: 505px; height: 320px; float: right; margin:100px 25px 0 0;}
.join_links {
    margin-top: 0;
    text-align: center;
}

.join_links a {
    color: #fff;
    letter-spacing: 20px;
    width: 300px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ccc;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 15px 30px;
    border-radius: 2px;
}

.join_links a:hover {
    border: 1px solid #390206;
    background: #390206;
    color: #fff;
}
.index_about{background:url(../images/bg_about.jpg) center no-repeat; height:541px; margin: 50px auto;}
.index_about_con{position: relative;}
.index_about_text{position: absolute; left: 220px; top: 120px; width: 465px; height: 200px; font-size: 16px; color: #fff;}
.index_about_ico{position: absolute; left: 190px; top: 360px;}
.index_about_ico li{width: 115px; height: 115px; text-align: center; font-size: 14px; color: #7e6200; float: left; margin: 0 60px 0 0;}
/*CONTACT*/
.bottom_nav{width:100%; background: #141618; height:45px; line-height:45px; color:#fff; padding:0; margin:0 auto;}
.bottom_nav ul{list-style:none; text-align: center;}
.bottom_nav ul li{margin:0 70px; font-size:14px; display: inline-block;}
.bottom_nav ul li a{color:#fff;}
.bottom_nav ul li a:hover{color:#fff;}
.bottom_other{width:370px; margin:0 38px 0 0; float: left; text-align:left;}
.bottom_tel{font-size:18px; float:left; color:#000; padding:0; }
.bottom_tel p{padding:0;color: #666; font-size:14px;}
.bottom_tel a{color: #666;}
.bottom_tel a:hover{color: #000;}
.bottom_tel li{padding:0;color: #fff; font-size:14px; float:left; margin:0 25px 0 0;}
.bottom_qr{float:right; margin:0; width:329px; text-align:center;}
.bottom_qr p{color: #bababa; text-align: center;}
.bottom_qr li{float: right; color: #000; margin: 0 0 0 30px; font-size: 18px;}
/*BOTTOM*/
.bottom{width:100%; padding:0; background:#f5f5f5; margin:0 auto; text-align:center; color:#000;overflow:auto;zoom:1}
.copyright{width:100%; box-sizing: border-box; position: relative; padding:20px 0 0 0; height:100px; line-height:80px; background:#e0ba38; margin:0 auto; text-align:center; color:#fff;}
.bottom_logo{background: url(../images/botton_logo.png) center no-repeat; width: 84px; height: 84px; position: absolute;  left: 600px; top: -142px;
	-webkit-background-size: 84px 84px;
	-moz-background-size: 84px 84px;
	background-size: 84px 84px;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;

}
.bottom_logo:hover {
	-webkit-transform: rotateZ(7260deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
/*SUBTITLE*/
.sub_title{width:100%; text-align:left;color: #000; font-size: 23px; line-height: 50px; height: 50px; position: relative;}
.sub_title span{text-align: right; position: absolute; top: 0; right: 0; color: #555; font-size: 14px;}
.sub_title span a{color: #6a0d0b;}
.sub_title span a:hover{color: #000000;}
.sub_content{width:1300px; padding:0; margin:30px auto; color:#000;font-size: 15px;}

/*SUBCATALOG*/
.sub_catalog{width:1300px; padding:0; margin:20px auto; background: #fff; border-bottom: 1px solid #ddd;}
.sub_catalog ul{list-style:none; padding:0; margin:0 auto; display:table;}
.sub_catalog ul li{float:left; width:180px;color:#444; height:55px; line-height:55px; font-size: 18px; background:#fff; text-align:center; vertical-align:middle; margin:0 ; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_catalog ul li a{color:#000; display:block;}
.sub_catalog ul li:hover{color:#fff; background:#e0ba38; }
.sub_catalog ul li a:hover {color: #fff;}
/*列表页*/
.sub_news_content{margin:0 auto 50px auto; float:left;}
.snews_content{ margin:15px auto; float:left; padding:25px 0 25px 25px;
  transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; 
    box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
  display:block; background:#fff; border-bottom: 1px solid #eee;}
.snews_content{color:#000;}
.snews_content:hover{background:#f1f1f1; color:#000;}
.snews_content:hover .snews_text{color:#000;}
.snews_content:hover .snews_intro{color:#000;}
.snews_time{width:108px; height:108px; background:#fff; border:1px solid #eee; float:left; text-align:center;}
.snews_day{width:108px; height:80px; line-height:80px; font-size:60px; color:#000; font-family:Georgia;}
.snews_year{width:107px; height:28px; line-height:28px; color:#fff; background:#f1d882; font-family:Georgia; font-size:18px;}
.snews_text{width:980px; height:35px; line-height:35px; float:left; margin:0 0 0 15px; color:#000; font-size:20px;}
.snews_intro{width:980px; float:left; margin:18px 0 0 15px; color:#777; line-height:25px;}

/*PROBORDER*/
.pmbox{
	width: 1300px;
	margin: 20px auto 0px;
	overflow: hidden;
}
.pmbox li{
	width: 300px;
	height: 220px;
	overflow: hidden;
	margin: 20px 12px;
	float: left;
	position: relative;
	cursor: pointer;
	background: #f2f2f2;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.pm_top{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0px;
	top: 0px;
	width: 0px;
}
.pm_bottom{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0%;
	bottom: 0px;
	right: 0px;
}
.pm_left{
	height: 0;
	position: absolute;
	left: 0px;
	width: 5px;
}
.pm_right{
	height: 0;
	position: absolute;
	right: 0px;
	width: 5px;
	bottom: 0px;
}
.pmbox li img{
	max-height: 210px;
	max-width: 290px;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
	z-index: 1;
}
.pmbox li p{
	position: absolute;
	z-index: 2;
	background: rgba(225,181,29,1);
	height: 0px;
	line-height: 40px;
	width: 300px;
	text-align: center;
	color: #fff;
	bottom: 4px;
	left: 4px;
}




.pmbox_case{
	width: 1300px;
	margin: 20px auto 0px;
	overflow: hidden;
}
.pmbox_case li{
	width: 300px;
	height: 220px;
	overflow: hidden;
	margin: 20px 11px;
	float: left;
	position: relative;
	cursor: pointer;
	background: #f2f2f2;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.pmbox_case li img{
	max-height: 210px;
	max-width: 290px;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
	z-index: 1;
}
.pmbox_case li p{
	position: absolute;
	z-index: 2;
	background: rgba(225,181,29,1);
	height: 0px;
	line-height: 40px;
	width: 300px;
	text-align: center;
	color: #fff;
	bottom: 4px;
	left: 4px;
}



/*产品详情页样式*/
.product_title{ width:100%; margin:0 auto; height:80px; line-height:80px; font-size:26px; text-align:center}
.product_time{width:100%; background:#999; color:#fff; height:30px; margin:10px auto; text-align:center; line-height:30px;}
.prodct_content_title{width:100%; margin:0 auto;}
.prodct_content_title li{float:left; width:120px; height:50px; line-height:50px; text-align:center; margin:25px 1px 0 0;}
.bgcolor{ background:#555; color:#FFF;}
.bgcolor_on{ background:#dfb93c; color:#FFF}
.prodct_content_title li a{ color:#FFF}
.product_content{width:100%; margin:0 auto; border-top:1px #dfb93c solid;}
.prodct_content_titles{width:100%; margin:0 auto;}
.prodct_content_titles li{float:left; width:120px; height:50px; line-height:50px; text-align:center; margin:25px 1px 0 0;}
.prodct_content_titles li a{ color:#FFF}
.product_contents{width:100%; margin:0 auto; border-top:1px #555 solid;}

.zizhiimg{
      position: relative;
      top: 50%;
      max-height: 235px;
      transform: translateY(-50%);}

/*分页样式*/
.page_info{text-align:center;margin:10px;color:#999;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*底部二维码*/
.vxbox{position: relative;}
.vxbox .vxbox_qr {display: none;position: absolute; border: 1px solid #ccc; box-shadow: 0px 8px 16px 0px #000;padding: 10px;  min-width: 130px;line-height: 30px; background: #fff; bottom: 70px; left: 30px;}

.vxbox_qr img{width: 110px; height: 110px;}
.vxbox:hover .vxbox_qr {
display:block
}
 
.sbanner1{height: 260px; width: 100%; background: url(../images/sb1.jpg) center no-repeat;}
.sbanner2{height: 260px; width: 100%; background: url(../images/sb2.jpg) center no-repeat;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:500px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#b61c38;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.qrcode-img{width: 130px; height: 160px;}
.qrcode-img img{width: 120px; height: 120px;}


/*MES-FORREAL*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block p{padding:12px;}
.msg_input{width:500px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:18px;color:#ccc; margin: 0 0 0 10px; height: 50px;
	-moz-box-shadow:5px 5px 5px #eee inset;-webkit-box-shadow:5px 5px 5px #eee inset; box-shadow:5px 5px 5px #eee inset;border-radius:2px;}
.msg_input_on{width:500px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px; margin: 0 0 0 10px; height: 50px;
	-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_tag{ text-align: center; vertical-align: middle;}
.message_labes{font-size:14px;}
.message_title{height:45px;line-height:45px; text-align: center; vertical-align: middle;}
.message_title span{float:right;font-weight:bold;}
.message_info{color:#8ea6b6;text-align:right;}
.msg_btn_area{margin:16px 0 16px 10px;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#e0ba38; text-decoration:none; color:#fff;text-align:center;font-size:16px;overflow:hidden;cursor:pointer;font-weight:bold; width: 500px;}
.msg_btn_area a:hover{text-decoration:none;background:#b99309}